@import url('style');
#page-list{
  width: 225 * @px1;
  >div{
    .page-list-top{
      background-color: @systemColor;
      padding: 20 * @px1 30 * @px1;
      padding-right: 0;
      h2{
        color: white;
        line-height: 1;
        font-size: 24 * @px1;
      }
      p{
        color: #591612;
        line-height: 1;
        font-size: 14 * @px1;
        margin-top: 20 * @px1;
      }
    }
    ul{
      li{
        border-bottom: 1px solid #e4e4e4;
        span{
          cursor: default;
        }
        a,span{
          padding-left: 20 * @px1;
          padding-top: 20 * @px1;
          padding-bottom: 20 * @px1;
          display: block;
          p{
            padding-left: 50 * @px1;
            position: relative;
            color: black;
            line-height: 1;
            font-size: 14 * @px1;
            transition: all 0.2s linear;
            i.point{
              display: none;
            }
            i{
              transition: all 0.2s linear;
              position: absolute;
              display: block;
              color: #d9d9d9;
              top: 50%;
              transform: translateY(-50%);
              left: 0;
              font-size: 14 * @px1;
              line-height: 1;
            }
            
          }
        }
        a:hover,
        span:hover{
          p{
            color: @systemColor;
            i{
              color: @systemColor;
            }
          }
        }
      }
      li.active{
        a,span{
          background-color: #e4e2e2;
          p{
            color: black;
            i{
              color: #d9d9d9;
            }
          }
        }
      }
    }
  }
}
#page-list.point-style{
  >div{
    ul{
      li{
        a,span{
          p{
            padding-left: 30 * @px1;
            i.angle{
              display: none;
            }
            i.point{
              display: block;
              font-size: 22 * @px1;
            }
          }
        }
        a:hover,
        span:hover{
          background-color: #eff8f8;
          p{
            color: black;
            i{
              color: #d9d9d9;
            }
          }
        }
      }
      li.active{
        a,span{
          background-color: #e4e2e2;
          p{
            color: black;
            i{
              color: #d9d9d9;
            }
          }
        }
      }
    }
  }
}